<!DOCTYPE html>
<html>
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>新鲜</title>
	<link rel="stylesheet" type="text/css" href="../css/fresh.css"/>
	<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
	<link rel="stylesheet" type="text/css" href="../assets/swiper/css/swiper.min.css"/>

	</head>
	<body>
		<!-- swiper切换导航 -->
		<header class="header">
			<section class="container">
				<div class="swiper-container-list nav-list">
					<div class="swiper-wrapper">
						
						<div class="swiper-slide active-nav">最新</div>
						<div class="swiper-slide">热榜</div>
						<div class="swiper-slide">关注</div>
						<div class="swiper-slide"><img src="../images/paizhao.jpg"/></div>			
					</div>
				</div>
				<section class="swiper-container-opts">
					<figrue class="swiper-wrapper">
						<figure class="swiper-slide">
							<div class="_person_1">
								<div class="_top">
									<dl class="clearfix">
										<dt><img src="../images/touxiang.jpg"/></dt>
										<dd>
											<p>HOSHITANI</p>
											<p>2分钟前发布</p>
										</dd>
									</dl>
									<div>+关注</div>
								</div>
								<div class="_imgs clearfix">
									<img src="../images/fresh_01.jpg"/>
									<img src="../images/fresh_02.jpg"/>
									<img src="../images/fresh_03.jpg"/>
									<img src="../images/fresh_04.jpg"/>
									<img src="../images/fresh_05.jpg"/>
									<img src="../images/fresh_06.jpg"/>
									<img src="../images/fresh_07.jpg"/>
									<img src="../images/fresh_08.jpg"/>
									<img src="../images/fresh_09.jpg"/>
								</div>
								<div class="_bottom">
									<div>
										<dl class="clearfix">
											<dt><img src="../images/weizhi.jpg"/></dt>
											<dd>四川省·若尔盖草原</dd>
										</dl>
									</div>
									<div>
										<dl class="clearfix">
											<dd>很冷</dd>
											<dt><img src="../images/leng.jpg"/></dt>
										</dl>
									</div>
									<div>
										<dl class="clearfix">
											<dt><img src="../images/laizi.jpg"/></dt>
											<dd>来自[九寨沟5日行]行程</dd>
										</dl>
									</div>
									<div >
										<img src="../images/zan.jpg"/>
										<img src="../images/xinxi.jpg"/>
										<img src="../images/bianji.jpg"/>
										<img src="../images/deng.jpg"/>
									</div>
								</div>
							</div>
							<div class="_person_2">
								<div class="_top">
									<dl class="clearfix">
										<dt><img src="../images/touxiang.jpg"/></dt>
										<dd>
											<p>HOSHITANI</p>
											<p>2分钟前发布</p>
										</dd>
									</dl>
									<div>+关注</div>
								</div>
								<div class="_imgs clearfix">
									<img src="../images/fresh_10.jpg"/>
									<img src="../images/fresh_11.jpg"/>
									<img src="../images/fresh_12.jpg"/>
									<img src="../images/fresh_13.jpg"/>
									<img src="../images/fresh_14.jpg"/>
									<img src="../images/fresh_15.jpg"/>
									<img src="../images/fresh_16.jpg"/>
									<img src="../images/fresh_17.jpg"/>
									<img src="../images/fresh_18.jpg"/>
								</div>
								<div class="_bottom">
									<div>
										<dl class="clearfix">
											<dt><img src="../images/weizhi.jpg"/></dt>
											<dd>四川省·九寨沟风景名胜古区</dd>
										</dl>
									</div>
									<div>
										<dl class="clearfix">
											<dd>怎么拍都美</dd>
											<dt><img src="../images/meili.jpg"/></dt>
										</dl>
									</div>
									<div>
										<dl class="clearfix">
											<dt><img src="../images/laizi.jpg"/></dt>
											<dd>来自[九寨沟5日行]行程</dd>
										</dl>
									</div>
									<div >
										<img src="../images/zan.jpg"/>
										<img src="../images/xinxi.jpg"/>
										<img src="../images/bianji.jpg"/>
										<img src="../images/deng.jpg"/>
									</div>
								</div>
							</div>
						</figure>
						<figure class="swiper-slide"></figure>
						<figure class="swiper-slide"></figure>
						<figure class="swiper-slide"></figure>
						
					</figrue>
				</section>
			</section>
		</header>
		
		<!-- 底部导航 -->
	    <div class="nav_bottom">
	    	<dl class="index">
	    		<dt><img src="../images/index_nav_01.jpg"/></dt>
	    		<dd>发现</dd>
	    	</dl>
	    	<dl class="map">
	    		<dt><img src="../images/index_nav_02.jpg"/></dt>
	    		<dd>地图</dd>
	    	</dl>
	    	<dl _class="fresh">
	    		<dt><img src="../images/index_nav_03_cheak.jpg"/></dt>
	    		<dd>新鲜</dd>
	    	</dl>
	    	<dl  class="mine">
	    		<dt><img src="../images/index_nav_04.jpg"/></dt>
	    		<dd>我的</dd>
	    	</dl>
	    </div>
	    <script src="../assets/jquery/jquery-3.2.1.min.js"></script>
	    <script src="../assets/swiper/js/swiper.min.js"></script>
	    <script src="../js/fresh.js"></script>
	</body>
</html>
